<template>
	<div class="about">
		<header id="header" class="mui-bar mui-bar-nav">
			<i style="color: #fff;" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" v-on:click="back"></i>
			<h1 class="mui-title" style="color: #fff;">关于我们</h1>
		</header>
		<div class="headtic">
			<img src="static/images/fav.png" alt="" />
			<h3>好房排行 如你所期</h3>
			<p>A GOOD ROOM AS YOU WISH</p>
		</div>
		<div class="aboutContent">
			<p>好房排行是依据住宅功能性价比评估系统,运用房产大数据帮助购房者买对房的房地产移动互联网平台。</p>
			<p class="net">官方网站: http://m.hfph.com.cn</p>
			<!--<p class="tel">客服电话:</p>-->
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				msg: 'Welcome to Your Vue.js App',
			}
		},
		mounted: function() {
		},
		methods:{
			back() {
				this.$router.go(-1); //返回上一层
			},
		}
	}
</script>

<style>
	.about .mui-bar-nav {
		position: fixed;
		top: 0;
		height: 50px;
		background-color: #0186c2;
		box-shadow: none;
	}
	
	.about .mui-bar-nav a {
		color: #fff;
	}
	
	.about .mui-bar-nav.mui-bar .mui-icon {
		padding-top: 12px;
	}
	
	.about .mui-bar .mui-title {
		line-height: 50px;
	}
	.headtic {
		width: 100%;
		margin-top: 50px;
		text-align: center;
		padding: 30px 0;
	}
	.aboutContent {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 20px 15px;
		color: #666;
	}
	.aboutContent p:first-child {
		line-height: 20px;
		text-indent: 2em;
		color: #555;
	}
</style>